import React from 'react';
// 引入菜单数据
import navList from '@/assets/data/navdata';
import { Grid, Image } from 'antd-mobile'
const Mynavmenu = () => {
    return (
        <Grid columns={5} gap={8}>
            {
                navList.map(item => <Grid.Item key={item.navid} style={{
                    display: 'flex',
                    justifyContent: 'center',
                    flexDirection: 'column',
                    alignItems: 'center',
                    padding: '16px 8px'
                }}>
                    <Image src={item.imgurl} width={'28px'} height={'28px'} />
                    <p style={{
                        fontSize: '12px',
                        marginTop: '8px'
                    }}>{item.title}</p>
                </Grid.Item>)
            }

        </Grid>
    );
}

export default Mynavmenu;
